import { NCard, NScrollbar, NBackTop } from "naive-ui";
import { CSSProperties, PropType } from "vue";
interface Props {
  bgStyle?: CSSProperties;
}
export default defineComponent({
  name: "Account",
  props: {
    bgStyle: {
      type: Object as PropType<Props["bgStyle"]>,
      default: undefined,
    },
  },
  setup(props, { slots }) {
    const { bgStyle } = props;
    return () => (
      <div class="flex flex-auto">
        <NCard
          style={bgStyle}
          bordered={false}
          contentStyle={{
            padding: 0,
            overflow: "hidden",
          }}
        >
          <NScrollbar>
            {slots?.default && slots.default()}
            <NBackTop right={20} />
          </NScrollbar>
        </NCard>
      </div>
    );
  },
});
